"use client"
import Image from "next/image";
import Link from "next/link";
import Logo from "@/components/Logo";
import {AiFillEdit} from "react-icons/ai";
import {BiMap} from "react-icons/bi";

export default function BottomLinkSection() {
    return (
        <>
            <div className={"max-w-7xl mx-auto py-4"}>
                <div className={"p-4 grid grid-cols-12"}>
                    <div className={"col-span-12 md:col-span-3"}>
                        <div className={"flex items-center gap-x-1"}>
                            <Logo size={32} className={"mb-1"}/>
                            <div className={"flex flex-col"}>
                                <span className={"font-bold text-sm"}>寺山镇</span>
                                <span className={"text-[8px]"}>SISHANZHEN</span>
                            </div>
                        </div>
                        <div className={"mt-2 h-[100px] w-[100px] bg-gray-100 flex justify-center items-center rounded-md text-gray-600"}>
                            二维码
                        </div>
                        <div className={"text-xs w-[100px] text-center mt-1"}>手机扫一扫关注</div>
                    </div>
                    <div className={"col-span-12 md:col-span-3"}>
                        <div className={"font-bold"}>便捷工作导航</div>
                        <div className={"flex flex-col mt-1"}>
                            <Link href={'#'}>来宾政府网</Link>
                            <Link href={'#'}>工商税务</Link>
                            <Link href={'#'}>人才招聘</Link>
                            <Link href={'#'}>教育升学</Link>
                            <Link href={'#'}>旅行指南</Link>
                        </div>
                    </div>
                    <div className={"col-span-12 md:col-span-3"}>
                        <div className={"font-bold"}>农务与商业</div>
                        <div className={"flex flex-col mt-1"}>
                            <Link href={'#'}>公开招标信息</Link>
                            <Link href={'#'}>一带一路</Link>
                            <Link href={'#'}>物价查询</Link>
                            <Link href={'#'}>物价查询</Link>
                            <Link href={'#'}>甘蔗排期查询</Link>
                        </div>
                    </div>
                    <div className={"col-span-12 md:col-span-3"}>
                       <div className={"bg-gray-100 rounded-full h-[38px] w-full flex items-center px-3 gap-x-2 text-gray-500"}>
                           <AiFillEdit /> 问题反馈
                       </div>
                        <div className={"text-xs text-gray-600 px-3 mt-4"}>
                            <div>电话: 202306062123</div>
                            <div>周一到周五 09:00 - 12:00 ~ 14:00 - 17:00</div>
                            <div className={"flex items-center gap-x-1"}>
                                寺山镇
                                <Link className={"flex items-center gap-x-1"} target={"_blank"} href={'https://surl.amap.com/P4u0ta1176D'}><BiMap />导航这里</Link>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}